<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>加入我们 - 广东八灵科技发展有限公司</title>
    <link rel="stylesheet" href="assets/vendor/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/joinus.css">
    <script src="assets/vendor/bootstrap/bootstrap.bundle.min.js"></script>
    <script src="assets/js/components.js"></script>
    <script src="assets/js/joinus.js"></script>
</head>
<body>
    <!-- 导航栏占位符 -->
    <div id="navbar-placeholder"></div>
    
    <!-- 加入我们 Banner -->
    <div class="joinus-banner">
        <h1 class="joinus-banner-title">加入我们</h1>
    </div>
    
    <!-- 选项卡导航 -->
    <div class="joinus-tabs">
        <div class="container">
            <ul class="nav nav-tabs border-0" id="joinusTabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="social-tab" data-bs-toggle="tab" data-bs-target="#social" type="button" role="tab" aria-controls="social" aria-selected="true">社会招聘</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="campus-tab" data-bs-toggle="tab" data-bs-target="#campus" type="button" role="tab" aria-controls="campus" aria-selected="false">校园招聘</button>
                </li>
            </ul>
        </div>
    </div>
    
    <!-- 页面主要内容 -->
    <div class="container">
        <div class="tab-content" id="joinusTabsContent">
            <!-- 社会招聘 -->
            <div class="tab-pane fade show active" id="social" role="tabpanel" aria-labelledby="social-tab">
                <div class="job-list">
                    <h2 class="job-list-title">开启新的工作</h2>
                    
                    <!-- 职位项目 -->
                    <div class="job-item">
                        <div class="job-content">
                            <h3 class="job-title">生态运营(意大利语方向)实习生-国际电商</h3>
                            <div class="job-tags">
                                <span>Java</span> | 
                                <span>CSS</span> | 
                                <span>HTML5</span> | 
                                <span>JavaScript</span> | 
                                <span>5-10年工作经验</span> | 
                                <span>更新于2025年03月01日</span>
                            </div>
                            <p class="job-description">
                                1.负责公司产品的前端架构设计和开发，确保系统的可用性和性能表现。<br>
                                2.与产品经理和设计师紧密合作，确保产品高质量按时交付。
                            </p>
                        </div>
                        <div class="job-buttons">
                            <button class="apply-btn">申请职位</button>
                            <button class="share-btn">分享职位</button>
                        </div>
                    </div>
                    
                    <div class="job-item">
                        <div class="job-content">
                            <h3 class="job-title">生态运营(意大利语方向)实习生-国际电商</h3>
                            <div class="job-tags">
                                <span>Java</span> | 
                                <span>CSS</span> | 
                                <span>HTML5</span> | 
                                <span>JavaScript</span> | 
                                <span>5-10年工作经验</span> | 
                                <span>更新于2025年03月01日</span>
                            </div>
                            <p class="job-description">
                                1.负责公司产品的前端架构设计和开发，确保系统的可用性和性能表现。<br>
                                2.与产品经理和设计师紧密合作，确保产品高质量按时交付。
                            </p>
                        </div>
                        <div class="job-buttons">
                            <button class="apply-btn">申请职位</button>
                            <button class="share-btn">分享职位</button>
                        </div>
                    </div>
                    
                    <div class="job-item">
                        <div class="job-content">
                            <h3 class="job-title">生态运营(意大利语方向)实习生-国际电商</h3>
                            <div class="job-tags">
                                <span>Java</span> | 
                                <span>CSS</span> | 
                                <span>HTML5</span> | 
                                <span>JavaScript</span> | 
                                <span>5-10年工作经验</span> | 
                                <span>更新于2025年03月01日</span>
                            </div>
                            <p class="job-description">
                                1.负责公司产品的前端架构设计和开发，确保系统的可用性和性能表现。<br>
                                2.与产品经理和设计师紧密合作，确保产品高质量按时交付。
                            </p>
                        </div>
                        <div class="job-buttons">
                            <button class="apply-btn">申请职位</button>
                            <button class="share-btn">分享职位</button>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- 校园招聘 -->
            <div class="tab-pane fade" id="campus" role="tabpanel" aria-labelledby="campus-tab">
                <div class="job-list">
                    <h2 class="job-list-title">校园招聘职位</h2>
                    
                    <!-- 校园招聘职位项目 -->
                    <div class="job-item">
                        <div class="job-content">
                            <h3 class="job-title">前端开发实习生</h3>
                            <div class="job-tags">
                                <span>HTML</span> | 
                                <span>CSS</span> | 
                                <span>JavaScript</span> | 
                                <span>应届毕业生</span> | 
                                <span>更新于2025年03月01日</span>
                            </div>
                            <p class="job-description">
                                1.参与公司产品的前端开发工作，负责网站界面、交互功能的实现。<br>
                                2.配合产品经理和设计师，根据产品需求完成相应的前端功能开发。
                            </p>
                        </div>
                        <div class="job-buttons">
                            <button class="apply-btn">申请职位</button>
                            <button class="share-btn">分享职位</button>
                        </div>
                    </div>
                    
                    <div class="job-item">
                        <div class="job-content">
                            <h3 class="job-title">后端开发实习生</h3>
                            <div class="job-tags">
                                <span>Java</span> | 
                                <span>Python</span> | 
                                <span>应届毕业生</span> | 
                                <span>更新于2025年03月01日</span>
                            </div>
                            <p class="job-description">
                                1.参与公司产品的后端开发工作，负责接口设计和实现。<br>
                                2.配合前端开发人员，完成数据交互和业务逻辑的实现。
                            </p>
                        </div>
                        <div class="job-buttons">
                            <button class="apply-btn">申请职位</button>
                            <button class="share-btn">分享职位</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 页脚占位符 -->
    <div id="footer-placeholder"></div>
</body>
</html>